SherbyNet - /page/wikibook/entry.mu

Micron Document

<!DOCTYPE html>

<title>Window (computing)</title>

</head>

<span id="openzim-page-title" class="mw-page-title-main"><span class="mw-page-title-main">Window (computing)</span></span>

</h1>

</header>

/* start https://en.wikipedia.org/ */

.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}

/* end https://en.wikipedia.org/ */

</style><div role="note" class="hatnote navigation-not-searchable">This article is about the interface element. For the operating system, see <a href="Microsoft_Windows" title="Microsoft Windows">Microsoft Windows</a>. For other uses, see <a href="Window_(disambiguation)" class="mw-disambig" title="Window (disambiguation)">Window (disambiguation)</a>.</div>

<p>In computing, a <b>window</b> is a <a href="Graphical_widget" title="Graphical widget">graphical control element</a>. It consists of a visual area containing some of the <a href="Graphical_user_interface" title="Graphical user interface">graphical user interface</a> of the program it belongs to and is framed by a <a href="#Window_decoration">window decoration</a>. It usually has a rectangular shape<sup id="cite_ref-ArsTechnica3_1-0" class="reference"><a href="#cite_note-ArsTechnica3-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> that can overlap with the area of other windows. It displays the <i>output</i> of and may allow <i>input</i> to one or more <a href="Process_(computing)" title="Process (computing)">processes</a>.

</p><p>Windows are primarily associated with graphical displays, where they can be manipulated with a <a href="Pointer_(graphical_user_interfaces)" class="mw-redirect" title="Pointer (graphical user interfaces)">pointer</a> by employing some kind of <a href="Pointing_device" title="Pointing device">pointing device</a>. Text-only displays can also support windowing, as a way to maintain multiple independent display areas, such as multiple buffers in <a href="Emacs" title="Emacs">Emacs</a>. Text windows are usually controlled by keyboard, though some also respond to the mouse.

</p><p>A graphical user interface (GUI) using windows as one of its main "<a href="Interface_metaphor" title="Interface metaphor">metaphors</a>" is called a <a href="Windowing_system" title="Windowing system">windowing system</a>, whose main components are the <a href="Display_server" class="mw-redirect" title="Display server">display server</a> and the <a href="Window_manager" title="Window manager">window manager</a>.

</p>

<div class="mw-heading mw-heading2"><h2 id="History">History</h2></div>

<p>The idea was developed at the <a href="Stanford_Research_Institute" class="mw-redirect" title="Stanford Research Institute">Stanford Research Institute</a> (led by <a href="Douglas_Engelbart" title="Douglas Engelbart">Douglas Engelbart</a>).<sup id="cite_ref-ArsTechnica1_2-0" class="reference"><a href="#cite_note-ArsTechnica1-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> Their earliest systems supported multiple windows, but there was no obvious way to indicate boundaries between them (such as window borders, <a href="Title_bar" class="mw-redirect" title="Title bar">title bars</a>, etc.).<sup id="cite_ref-ArsTechnica2_3-0" class="reference"><a href="#cite_note-ArsTechnica2-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>

</p><p>Research continued at <a href="Xerox" title="Xerox">Xerox</a> Corporation's <a href="Palo_Alto%2C_California" title="Palo Alto, California">Palo Alto</a> Research Center / <a href="PARC_(company)" title="PARC (company)">PARC</a> (led by <a href="Alan_Kay" title="Alan Kay">Alan Kay</a>). They used overlapping windows.<sup id="cite_ref-PARC_4-0" class="reference"><a href="#cite_note-PARC-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>

</p><p>During the 1980s the term "<a href="WIMP_(computing)" title="WIMP (computing)">WIMP</a>", which stands for window, icon, menu, pointer, was coined at PARC.

</p><p><a href="Apple_Inc." title="Apple Inc.">Apple</a> had worked with PARC briefly at that time. Apple developed an interface based on PARC's interface. It was first used on <a href="Apple_Lisa" title="Apple Lisa">Apple's Lisa</a> and later <a href="Mac_(computer)" title="Mac (computer)">Macintosh</a> computers.<sup id="cite_ref-ArsTechnica4_5-0" class="reference"><a href="#cite_note-ArsTechnica4-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup> <a href="Microsoft" title="Microsoft">Microsoft</a> was developing Office applications for the Mac at that time. Some speculate that this gave them access to Apple's OS before it was released and thus influenced the design of the windowing system in what would eventually be called <a href="Microsoft_Windows" title="Microsoft Windows">Microsoft Windows</a>.<sup id="cite_ref-ArsTechnica5_6-0" class="reference"><a href="#cite_note-ArsTechnica5-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Properties">Properties</h2></div>

<p>Windows are two dimensional objects arranged on a plane called the <a href="Desktop_metaphor" title="Desktop metaphor">desktop metaphor</a>. In a modern full-featured windowing system they can be resized, moved, hidden, restored or closed.

</p><p>Windows usually include other graphical objects, possibly including a menu-bar, toolbars, controls, icons and often a working area. In the working area, the document, image, folder contents or other main object is displayed. Around the working area, within the bounding window, there may be other smaller window areas, sometimes called panes or panels, showing relevant information or options. The working area of a <a href="Single_document_interface" class="mw-redirect" title="Single document interface">single document interface</a> holds only one main object. "Child windows" in <a href="Multiple_document_interface" class="mw-redirect" title="Multiple document interface">multiple document interfaces</a>, and <a href="Tab_(interface)" title="Tab (interface)">tabs</a> for example in many web browsers, can make several similar documents or main objects available within a single main application window. Some windows in <a href="MacOS" title="MacOS">macOS</a> have a feature called a drawer, which is a pane that slides out the side of the window and to show extra options.

</p><p>Applications that can run either under a <a href="Graphical_user_interface" title="Graphical user interface">graphical user interface</a> or in a <a href="Text_user_interface" class="mw-redirect" title="Text user interface">text user interface</a> may use different terminology. <a href="GNU_Emacs" title="GNU Emacs">GNU Emacs</a> uses the term "window" to refer to an area within its display while a traditional window, such as controlled by an <a href="X11" class="mw-redirect" title="X11">X11</a> window manager, is called a "frame".

</p><p>Any window can be split into the window decoration and the window's content, although some systems purposely eschew window decoration as a form of <a href="Minimalism_(computing)" title="Minimalism (computing)">minimalism</a>.

</p>

<div class="mw-heading mw-heading2"><h2 id="Window_decoration">Window decoration</h2></div>

<div role="note" class="hatnote navigation-not-searchable">"Window decoration" redirects here. For drapery, shades, shutters, etc., see <a href="Window_covering" title="Window covering">Window covering</a>. For cover or modification of a window, see <a href="Window_treatment" class="mw-redirect" title="Window treatment">Window treatment</a>.</div>

<p>The <b>window decoration</b> is a part of a window in most <a href="Windowing_system" title="Windowing system">windowing systems</a>.

</p><p>Window decoration typically consists of a <b>title bar</b>, usually along the top of each window and a minimal border around the other three sides.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> On Microsoft Windows this is called "non-client area".<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup>

</p><p>In the predominant layout for modern window decorations, the top bar contains the title of that window and buttons which perform windowing-related actions such as:

</p>

<ul><li>Close</li>

<li>Maximize</li>

<li>Minimize</li>

<li>Resize</li>

<p>The border exists primarily to allow the user to resize the window, but also to create a visual separation between the window's contents and the rest of the <a href="Desktop_environment" title="Desktop environment">desktop environment</a>.

</p><p>Window decorations are considered important for the design of the <a href="Look_and_feel" title="Look and feel">look and feel</a> of an <a href="Operating_system" title="Operating system">operating system</a> and some systems allow for customization of the colors, styles and animation effects used.

</p>

<div class="mw-heading mw-heading3"><h3 id="Window_border">Window border</h3></div>

<p><b>Window border</b> is a window decoration component provided by some window managers, that appears around the <a href="Active_window" class="mw-redirect" title="Active window">active window</a>. Some window managers may also display a border around background windows. Typically window borders enable the window to be resized or moved by dragging the border. Some window managers provide useless borders which are purely for decorative purposes and offer no window motion facility. These window managers do not allow windows to be resized by using a drag action on the border.

</p>

<div class="mw-heading mw-heading3"><h3 id="Title_bar">Title bar</h3></div>

<p>The <b>title bar</b> is a <a href="Graphical_control_element" class="mw-redirect" title="Graphical control element">graphical control element</a> and part of the window decoration provided by some window managers. As a convention, it is located at the top of the window as a horizontal bar. The title bar is typically used to display the name of the application or the name of the open document, and may provide title bar buttons for minimizing, maximizing, closing or rolling up of application windows. These functions are typically placed in the top-right of the screen to allow fast and inaccurate inputs through <a href="Barrier_pointing" title="Barrier pointing">barrier pointing</a>. Typically title bars can be used to provide window motion enabling the window to be moved around the screen by <a href="Point-and-click" class="mw-redirect" title="Point-and-click">grabbing</a> the title bar and <a href="Pointing_device_gesture" title="Pointing device gesture">dragging</a> it. Some window managers provide title bars which are purely for decorative purposes and offer no window motion facility. These window managers do not allow windows to be moved around the screen by using a drag action on the title bar.

</p><p>Default title-bar text often incorporates the name of the application and/or of its developer. The name of the <a href="Hostname" title="Hostname">host</a> running the application also appears frequently. Various methods (<a href="Menu_(computing)" title="Menu (computing)">menu</a>-selections, <a href="Escape_sequences" class="mw-redirect" title="Escape sequences">escape sequences</a>, setup parameters, <a href="Command-line_interface" title="Command-line interface">command-line</a> options – depending on the computing environment) may exist to give the <a href="End-user" class="mw-redirect" title="End-user">end-user</a> some control of title-bar text. Document-oriented applications like a <a href="Text_editor" title="Text editor">text editor</a> may display the <a href="Filename" title="Filename">filename</a> or <a href="Path_(computing)" title="Path (computing)">path</a> of the document being edited. Most <a href="Web_browser" title="Web browser">web browsers</a> will <a href="Rendering_(computer_graphics)" title="Rendering (computer graphics)">render</a> the contents of the <a href="HTML_element" title="HTML element">HTML element</a> <code>title</code> in their title bar, sometimes pre- or postfixed by the application name. <a href="Google_Chrome" title="Google Chrome">Google Chrome</a> and some versions of <a href="Mozilla_Firefox" class="mw-redirect" title="Mozilla Firefox">Mozilla Firefox</a> place their <a href="Tabbed_browsing" class="mw-redirect" title="Tabbed browsing">tabs</a> in the title bar. This makes it unnecessary to use the main window for the tabs, but usually results in the title becoming truncated. An asterisk at its beginning may be used to signify unsaved changes.

</p><p>The title bar often contains <a href="Graphical_widget" title="Graphical widget">widgets</a> for system commands relating to the window, such as a <i>maximize</i>, <i>minimize</i>, <i>rollup</i> and <i>close</i> buttons; and may include other content such as an application icon, a <a href="Clock" title="Clock">clock</a>, etc.

</p>

<div class="mw-heading mw-heading4"><h4 id="Title_bar_buttons">Title bar buttons</h4></div>

<p>Some window managers provide title bar buttons which provide the facility to minimize, maximize, roll-up or close application windows. Some window managers may display the title bar buttons in the task bar or task panel, rather than in the title bars.

</p><p>The following buttons may appear in the title bar:

</p>

<ul><li>Close</li>

<li>Maximize</li>

<li>Minimize</li>

<li>Resize</li>

<li>Roll-up (or <a href="WindowShade" title="WindowShade">WindowShade</a>)</li></ul>

<p>Note that a <a href="Context_menu" title="Context menu">context menu</a> may be available from some title bar buttons or by right-clicking.

</p>

<div class="mw-heading mw-heading4"><h4 id="Title_bar_icon">Title bar icon</h4></div>

<p>Some window managers display a small icon in the title bar that may vary according to the application on which it appears. The title bar icon may behave like a menu button, or may provide a context menu facility. macOS applications commonly have a proxy <a href="Icon_(computing)" title="Icon (computing)">icon</a> next to the window title that functions the same as the document's icon in the file manager.

</p>

<div class="mw-heading mw-heading4"><h4 id="Document_status_icon">Document status icon</h4></div>

<p>Some window managers display an icon or symbol to indicate that the contents of the window have not been saved or confirmed in some way: macOS displays a dot in the center of its close button; <a href="RISC_OS" title="RISC OS">RISC OS</a> appends an <a href="Asterisk" title="Asterisk">asterisk</a> to the title.

</p>

<div class="mw-heading mw-heading4"><h4 id="Tiling_window_managers">Tiling window managers</h4></div>

<p>Some <a href="Tiling_window_manager" title="Tiling window manager">tiling window managers</a> provide title bars which are purely for informative purposes and offer no controls or menus. These window managers do not allow windows to be moved around the screen by using a <a href="Drag-and-drop" class="mw-redirect" title="Drag-and-drop">drag</a> action on the title bar and may also serve the purpose of a <a href="Status_line" class="mw-redirect" title="Status line">status line</a> from stacking window managers.

</p>

<div class="mw-heading mw-heading4"><h4 id="In_popular_operating_systems">In popular operating systems</h4></div>

<th>OS

</th>

<th>Icon

</th>

<th>Send to Back

</th>

<th>Close

</th>

<th>Maximize

</th>

</th>

<th>Minimize

</th>

<th>Pin (Keep on top)

</th>

<th>Resize

</th>

<th>Roll-up (Window shade)

</th>

<th>Status

</th>

<th><a href="Context_menu" title="Context menu">Context menu</a>

</th>

<th>Notes

</th></tr>

<tr>

</th>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>Many X window managers for Unix-like systems allow customization of the type and placement of buttons shown in the title bar.

</td></tr>

<tr>

<th><a href="MacOS" title="MacOS">macOS</a>

</th>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td>Buttons are on the left side of the title bar. Icon is a proxy for the document's filesystem representation.

</td></tr>

<tr>

</th>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td>

</td></tr>

<tr>

<th><a href="Windows" class="mw-redirect" title="Windows">Windows</a>

</th>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>

</td>

<td>

</td>

<td style="background:#9EFF9E;color:black;vertical-align:middle;text-align:center;" class="table-yes">Yes

</td>

<td>Icon is menu of window actions

</td></tr></tbody></table>

<ul><li><a href="Client-Side_Decoration" class="mw-redirect" title="Client-Side Decoration">Client-Side Decoration</a></li>

<li><a href="Display_server" class="mw-redirect" title="Display server">Display server</a></li>

<li><a href="Graphical_user_interface" title="Graphical user interface">Graphical user interface</a></li>

<li><a href="Human_interface_guidelines" title="Human interface guidelines">Human interface guidelines</a></li>

<li><a href="WIMP_(computing)" title="WIMP (computing)">WIMP (computing)</a></li>

<li><a href="Window_manager" title="Window manager">Window manager</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="References">References</h2></div>

/* start https://en.wikipedia.org/ */

.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}

/* end https://en.wikipedia.org/ */

</style><div class="reflist">

/* start https://en.wikipedia.org/ */

.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("./mw/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("./mw/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("./mw/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("./mw/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}

/* end https://en.wikipedia.org/ */

</style><cite id="CITEREFReimer2005" class="citation web cs1">Reimer, Jeremy (2005). <a rel="nofollow" class="external text" href="https://arstechnica.com/old/content/2005/05/gui.ars/3">"A History of the GUI (Part 3)"</a>. Ars Technica. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20090908033153/https://arstechnica.com/old/content/2005/05/gui.ars/3">Archived</a> from the original on 2009-09-08<span class="reference-accessdate">. Retrieved <span class="nowrap">2009-09-14</span></span>.</cite></span>

</li>

<li id="cite_note-ArsTechnica1-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-ArsTechnica1_2-0">^</a></b></span> <span class="reference-text"><cite id="CITEREFReimer2005" class="citation web cs1">Reimer, Jeremy (2005). <a rel="nofollow" class="external text" href="https://arstechnica.com/old/content/2005/05/gui.ars">"A History of the GUI (Part 1)"</a>. Ars Technica. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20090918151233/http://arstechnica.com/old/content/2005/05/gui.ars">Archived</a> from the original on 2009-09-18<span class="reference-accessdate">. Retrieved <span class="nowrap">2009-09-14</span></span>.</cite></span>

</li>

<li id="cite_note-ArsTechnica2-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-ArsTechnica2_3-0">^</a></b></span> <span class="reference-text"><cite id="CITEREFReimer2005" class="citation web cs1">Reimer, Jeremy (2005). <a rel="nofollow" class="external text" href="https://arstechnica.com/old/content/2005/05/gui.ars/2">"A History of the GUI (Part 2)"</a>. Ars Technica. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20090908032833/http://arstechnica.com/old/content/2005/05/gui.ars/2">Archived</a> from the original on 2009-09-08<span class="reference-accessdate">. Retrieved <span class="nowrap">2009-09-14</span></span>.</cite></span>

</li>

<li id="cite_note-PARC-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-PARC_4-0">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.parc.com/about-parc/parc-history/">"PARC History - A Legacy Of Innovation And Inventing The Future"</a>. Palo Alto Research Center Incorporated. 19 October 2023. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20231203064105/https://www.parc.com/about-parc/parc-history/">Archived</a> from the original on 3 December 2023<span class="reference-accessdate">. Retrieved <span class="nowrap">8 December</span> 2023</span>. <q>Xerox PARC debuts the first GUI, which uses icons, pop-up menus, and overlapping windows that can be controlled easily using a point-and-click technique.</q></cite></span>

</li>

<li id="cite_note-ArsTechnica4-5"><span class="mw-cite-backlink"><b><a href="#cite_ref-ArsTechnica4_5-0">^</a></b></span> <span class="reference-text"><cite id="CITEREFReimer2005" class="citation web cs1">Reimer, Jeremy (2005). <a rel="nofollow" class="external text" href="https://arstechnica.com/old/content/2005/05/gui.ars/4">"A History of the GUI (Part 4)"</a>. Ars Technica. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20090908032548/http://arstechnica.com/old/content/2005/05/gui.ars/4">Archived</a> from the original on 2009-09-08<span class="reference-accessdate">. Retrieved <span class="nowrap">2009-09-14</span></span>.</cite></span>

</li>

<li id="cite_note-ArsTechnica5-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-ArsTechnica5_6-0">^</a></b></span> <span class="reference-text"><cite id="CITEREFReimer2005" class="citation web cs1">Reimer, Jeremy (2005). <a rel="nofollow" class="external text" href="https://arstechnica.com/old/content/2005/05/gui.ars/5">"A History of the GUI (Part 5)"</a>. Ars Technica. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20090907012115/http://arstechnica.com/old/content/2005/05/gui.ars/5">Archived</a> from the original on 2009-09-07<span class="reference-accessdate">. Retrieved <span class="nowrap">2009-09-14</span></span>.</cite></span>

</li>

<li id="cite_note-7"><span class="mw-cite-backlink"><b><a href="#cite_ref-7">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://markhobley.yi.org/glossary/windowdecorations.html">"Unknown"</a>.</cite></span>

</li>

<li id="cite_note-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-8">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://learn.microsoft.com/en-us/windows/win32/gdi/nonclient-area">"Nonclient Area - Win32 apps"</a>. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20240603172534/https://learn.microsoft.com/en-us/windows/win32/gdi/nonclient-area">Archived</a> from the original on 2024-06-03<span class="reference-accessdate">. Retrieved <span class="nowrap">2024-06-03</span></span>.</cite></span>

</li>

</ol></div></div>

/* start https://en.wikipedia.org/ */

.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}

/* end https://en.wikipedia.org/ */

</style><style data-mw-deduplicate="TemplateStyles:r1236075235">

/* start https://en.wikipedia.org/ */

.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}

/* end https://en.wikipedia.org/ */

</style></div><div role="navigation" class="navbox" aria-labelledby="Graphical_control_elements194" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><style data-mw-deduplicate="TemplateStyles:r1239400231">

/* start https://en.wikipedia.org/ */

.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}

/* end https://en.wikipedia.org/ */

</style><div id="Graphical_control_elements194" style="font-size:114%;margin:0 4em"><a href="Graphical_widget" title="Graphical widget">Graphical control elements</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">Command input</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Adjustment_handle" title="Adjustment handle">Adjustment handle</a></li>

<li><a href="Button_(computing)" title="Button (computing)">Button</a></li>

<li><a href="Context_menu" title="Context menu">Context menu</a></li>

<li><a href="Hamburger_button" title="Hamburger button">Hamburger button</a></li>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Data input-output</th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Checkbox" title="Checkbox">Checkbox</a></li>

<li><a href="Color_picker" title="Color picker">Color picker</a></li>

<li><a href="Combo_box" title="Combo box">Combo box</a></li>

<li><a href="Cycle_button" title="Cycle button">Cycle button</a></li>

<li><a href="Date_picker" title="Date picker">Date picker</a></li>

<li><a href="Toggle_switch_(widget)" title="Toggle switch (widget)">Toggle switch</a></li>

<li><a href="List_builder" title="List builder">List builder</a></li>

<li><a href="Radio_button" title="Radio button">Radio button</a></li>

<li><a href="Scrollbar" title="Scrollbar">Scrollbar</a></li>

<li><a href="Search_box" title="Search box">Search box</a></li>

<li><a href="Slider_(computing)" title="Slider (computing)">Slider</a></li>

<li><a href="Spinner_(computing)" title="Spinner (computing)">Spinner</a></li>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Informational</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Balloon_help" title="Balloon help">Balloon help</a></li>

<li><a href="HUD_(computing)" class="mw-redirect" title="HUD (computing)">Head-up display in computing</a></li>

<li><a href="HUD_(video_gaming)" class="mw-redirect" title="HUD (video gaming)">HUD in video games</a></li>

<li><a href="Infobar" title="Infobar">Infobar</a></li>

<li><a href="Label_(control)" title="Label (control)">Label</a></li>

<li><a href="Loading_screen" title="Loading screen">Loading screen</a></li>

<li><a href="Progress_indicator" title="Progress indicator">Progress indicator</a>

<ul><li><a href="Progress_bar" title="Progress bar">Progress bar</a></li>

<li><a href="Splash_screen" title="Splash screen">Splash screen</a></li>

<li><a href="Throbber" title="Throbber">Throbber</a></li></ul></li>

<li><a href="Sidebar_(computing)" title="Sidebar (computing)">Sidebar</a></li>

<li><a href="Status_bar" title="Status bar">Status bar</a></li>

<li><a href="Pop-up_notification" title="Pop-up notification">Toast</a></li>

<li><a href="Tooltip" title="Tooltip">Tooltip</a></li></ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Containers</th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Accordion_(GUI)" title="Accordion (GUI)">Accordion</a></li>

<li><a href="Client-side_decoration" title="Client-side decoration">Client-side decoration</a></li>

<li><a href="Disclosure_widget" title="Disclosure widget">Disclosure widget</a></li>

<li><a href="Frame_(GUI)" title="Frame (GUI)">Frame / Fieldset</a></li>

<li><a href="Panel_(computer_software)" title="Panel (computer software)">Panel</a></li>

<li><a href="Popover_(GUI)" title="Popover (GUI)">Popover</a></li>

<li><a href="Ribbon_(computing)" title="Ribbon (computing)">Ribbon</a></li>

<li><a href="Toolbar" title="Toolbar">Toolbar</a></li>

<li>

<ul><li><a href="Window_decoration" class="mw-redirect" title="Window decoration">Window decoration</a></li></ul></li>

<li><a href="Workspace" title="Workspace">Workspace</a></li></ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Navigational</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Address_bar" title="Address bar">Address bar</a></li>

<li><a href="Breadcrumb_navigation" title="Breadcrumb navigation">Breadcrumb navigation</a></li>

<li><a href="Hyperlink" title="Hyperlink">Hyperlink</a></li>

<li><a href="Navigation_bar" title="Navigation bar">Navigation bar</a></li>

<li><a href="Virtual_desktop" title="Virtual desktop">Virtual desktop</a></li></ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><span class="nowrap">Special </span></th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Alert_dialog_box" title="Alert dialog box">Alert dialog box</a></li>

<li><a href="Dialog_box" title="Dialog box">Dialog box</a></li>

<li><a href="File_dialog" title="File dialog">File dialog</a></li>

<li><a href="Inspector_window" title="Inspector window">Inspector window</a></li>

<li><a href="Modal_window" title="Modal window">Modal window</a></li>

<li><a href="Palette_window" title="Palette window">Palette window</a></li></ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Related concepts</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="File_viewer" title="File viewer">File viewer</a></li>

<li><a href="List_of_graphical_user_interface_elements" title="List of graphical user interface elements">List of graphical user interface elements</a></li>

<li><a href="Layout_manager" title="Layout manager">Layout manager</a></li>

<li><a href="Mouseover" title="Mouseover">Mouseover</a></li>

<li><a href="Scrolling" title="Scrolling">Scrolling</a></li>

<li><a href="Widget_toolkit" title="Widget toolkit">Widget toolkit</a></li>

<li><a href="Zoomable_user_interface" class="mw-redirect" title="Zoomable user interface">Zoomable user interface</a></li></ul>

</div></td></tr></tbody></table></div>

/* start https://en.wikipedia.org/ */

.mw-parser-output .tooltip-dotted{border-bottom:1px dotted;cursor:help}

/* end https://en.wikipedia.org/ */

</style></div><div role="navigation" class="navbox authority-control" aria-labelledby="Authority_control_databases_frameless&#124;text-top&#124;10px&#124;alt=Edit_this_at_Wikidata&#124;link=https&#58;//www.wikidata.org/wiki/Q835016#identifiers&#124;class=noprint&#124;Edit_this_at_Wikidata868" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="Authority_control_databases_frameless&#124;text-top&#124;10px&#124;alt=Edit_this_at_Wikidata&#124;link=https&#58;//www.wikidata.org/wiki/Q835016#identifiers&#124;class=noprint&#124;Edit_this_at_Wikidata868" style="font-size:114%;margin:0 4em">Authority control databases </div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">National</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><ul><li><span class="uid"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4128756-3">Germany</a></span></li><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="Windows (Computer programs)"><a rel="nofollow" class="external text" href="https://id.loc.gov/authorities/sh88005220">United States</a></span></span></li><li><span class="uid"><a rel="nofollow" class="external text" href="https://www.nli.org.il/en/authorities/987007529947005171">Israel</a></span></li></ul></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"><ul><li><span class="uid"><a rel="nofollow" class="external text" href="https://lux.collections.yale.edu/view/concept/50c7cfb2-9b2d-4e43-ae06-0cc3154d08ec">Yale LUX</a></span></li></ul></div></td></tr></tbody></table></div></div><div><div class="zim-footer">

This article is issued from <a class="external text" title="Last edited on 2025-06-03" href="https://en.wikipedia.org/wiki/?title=Window_(computing)&oldid=1293759046">Wikipedia</a>. The text is available under <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Creative Commons Attribution-Share Alike 4.0</a> unless otherwise noted. Additional terms may apply for the media files.

</div>

</div></div>

</div>

</main>

</div>

</body></html>